import 'package:flutter/material.dart';

class ListCase extends StatelessWidget {
  ListCase({super.key});

  // final List nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  // final 性能优化，运行时常量，一旦赋值，就不能改变
  final List<int> nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
        //构建列表项
        itemBuilder: (context, index) {
          return Container(
            height: 100,
            color: Colors.green,
            child: Text(nums[index].toString()),
          );
        },
        //构建分割符
        separatorBuilder: (context, index) {
          return const Padding(
            padding: EdgeInsets.symmetric(vertical: 8),
            child: Divider(
              height: 1,
              color: Colors.red,
              thickness: 1,
              indent: 10,
              endIndent: 0,
            ),
          );
        },
        //列表项的数量
        itemCount: nums.length);

    //写法2：
    // return ListView(
    //   children: nums.map((item) => Container(
    //     height: 100,
    //     color: Colors.amber,
    //     margin: const EdgeInsets.all(10),
    //     child: Text(item.toString()),
    //   )).toList(),
    // );
    //写法1：
    //  ListView(
    //   children: [
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.red,
    //       child: const Text("1"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.orange,
    //       child: const Text("2"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.yellow,
    //       child: const Text("3"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.green,
    //       child: const Text("4"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.blue,
    //       child: const Text("5"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.purple,
    //       child: const Text("6"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.purple,
    //       child: const Text("6"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.purple,
    //       child: const Text("6"),
    //     ),
    //     Container(
    //       width: double.infinity,
    //       height: 100,
    //       margin: const EdgeInsets.symmetric(vertical: 10),
    //       color: Colors.purple,
    //       child: const Text("6"),
    //     ),
    //   ],
    // );
  }
}
